/* Individual Problem Card Styling */
.problem-card {
    background-color: #1C2541; /* Slightly lighter card background */
    padding: 2.5rem;
    border-radius: 12px;
    border: 2px solid #3A506B; /* A single, uniform border */
    transition: border-color 0.3s ease-in-out; /* Transition the entire border color */
}

/* Hover Effect for the Problem Card */
.problem-card:hover {
    border-color: #F98821; /* Change the color of the entire border on hover */
}
/* Paragraph/Text Styling within the card */
.problem-card p {
   margin: 0;
   font-size: 1.1rem;
   line-height: 1.6;
   position: relative;
   padding-left: 2em; /* Make space for the custom bullet */
}

        /* Custom Orange Bullet Point */
        .problem-card p::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0.6em; /* Adjust for vertical alignment */
            transform: translateY(-50%);
            width: 10px;
            height: 10px;
            background-color: #F98821; /* Orange bullet color */
            border-radius: 50%;
        }

/* Individual Solution Card Styling */
.whyus-card {
    background-color: #1C2541 !important; /* Slightly lighter card background */
    padding: 2.5rem;
    border-radius: 12px !important;
    border: 2px solid #3A506B !important; /* A single, uniform border */
    transition: border-color 0.3s ease-in-out !important; /* Transition the entire border color */
}


/* Hover Effect for the Solution Card */
.whyus-card:hover {
    border-color: #F98821 !important; /* Change the color of the entire border on hover */
}

.founders-text p {
    position: relative;
    padding-left: 20px; /* Make room for the bullet */
}

.founders-text p::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.6em;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    background-color: #F98821;
    border-radius: 50%;
}